how to create checkbox in html
Checkbox Tag
<input type="checkbox">
A check box allowing multiple values to be selected/de selected.
Checkbox Tag program
<html>
<body>
<h2>Checkboxes</h2>
<p> The<strong>input type="checkbox"</strong>
defines a checkbox</p>
<form action="/action_page.php">
<input type="checkbox" name="vehicle1"
value="sports car">
<P>I have sports car</p><br>
<input type="checkbox" name="vehicle2"
value="Luxury Car">
<P>I have a Luxury car</p><br><br>
<input type="submit">
</form>
</body>
</html>
Checkbox Tag html
Explain Program
Step 1 ]
<!DOCTYPE html>
- document type declaration.
- browser help this is an HTML5 document.
<!DOCTYPE html>
- document type declaration.
- browser help this is an HTML5 document.
Step 2 ]
. <html> ... </html>
- root element of the HTML document.
- <html> tag is part of the web page.
. <html> ... </html>
- root element of the HTML document.
- <html> tag is part of the web page.
Step 3 ]
<body> ... </body>
- HTML document that holds visible content on the page.
- A heading (<h2>)
- An input button (<input type="button">)
- list tag
- ext...
<body> ... </body>
- HTML document that holds visible content on the page.
- A heading (<h2>)
- An input button (<input type="button">)
- list tag
- ext...
Step 4]
Description Paragraph
-
A paragraph describing that the
<input type="checkbox">element creates a checkbox. -
The
strongtag is used to make bold text – it highlights"input type="checkbox".
Step 5 ]
<form action="/action_page.php">
Begins a form.
action="/action_page.php" means that when the form is submitted, the data will be sent to this URL (usually a server-side script).
Step 6 ]
<input type="checkbox" name="vehicle1" value="sports car">
This creates a checkbox.
name="vehicle1": The name used to reference this checkbox in the backend.
value="sports car": If this checkbox is selected, the value sent will be "sports car".
Step 7 ]
<P>I have a Luxury car</p><br><br>
A description of the second checkbox with two line breaks after
Step 8 ]
<input type="submit">
This creates a button to submit the form.
When clicked, it sends the selected checkbox values to /action_page.php.
Step 9 ]
</form>
</body>
</html>
Closes the html form, body, and HTML document.
</body>
</html>
Closes the html form, body, and HTML document.
how to create checkbox in html output
No comments:
Post a Comment